<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <title>美仑科技-首页</title>
    <link rel="shortcut icon" href="img/icon.png" type="image/x-icon" />
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <link href="css/animate.min.css" type="text/css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/countUp.min.js"></script>


</head>

<body>
    <!--头部-->
    <div class="heaerTp">
        <div class="heaerbox">
            <div class="logo">
                <a href="#">
                    <img src="img/logo.png">
                </a>
            </div>

            <div class="navbar-collapse" id="nav">
                <div class="searchbox">
                    <div class="searchinpt">
                        <input type="text" placeholder="搜索你想要的">
                    </div>
                    <button type="button" class="search-btn" id='searchBtn'>
                        <i></i>
                    </button>
                </div>
                <ul class="navbar-nav">
                    <li class="active">
                        <a href="index.html">HOME</a>
                    </li>
                    <li>
                        <a href="case.html">案例</a>
                    </li>
                    <li>
                        <a href="service.html">服务</a>
                        <div class="servicemenu">
                            <dl>
                                <dd>
                                    <a href="mobilescheme.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion1.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>移动端设计 开发</h2>
                                            <p>Mobile Solutions</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="webpage.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion2.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>网站建设 软件开发</h2>
                                            <p>Software Development</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="frontend.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion3.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>前端 H5开发</h2>
                                            <p>Front-end Development</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="game.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion4.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>游戏美术 UI设计</h2>
                                            <p>Game Art UI Design</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="brand.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion5.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>品牌策划</h2>
                                            <p>Brand Planning</p>
                                        </span>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="shoping.html">
                                        <span class="ion">
                                            <i>
                                                <img src='img/sricion6.png'>
                                            </i>
                                        </span>
                                        <span class="cont">
                                            <h2>电商视觉</h2>
                                            <p>E-commerce Vision</p>
                                        </span>
                                    </a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="about.html">关于</a>
                    </li>
                    <li>
                        <a href="contus.html">联系</a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!--end-->
    <!--banner-->
    <div class="banner">
        <!--banner-->
        <div class="barslider" id="banner">
            <div class="bd">
                <ul>        
                    <li style="background: url(img/ban2.jpg) no-repeat center center /cover;">
                        <div class="barbox">
                            <div class="barslider_lt">
                                <h2 style="padding-bottom: 18px;">发现并解决企业品牌&市场问题</h2>
                                <h3 style="font-size: 22px;line-height: 22px; padding-bottom: 60px;">以营销为导向，让品牌网站更有意义</h3>
                                <img src='img/bar2icn.png'>
                            </div>
                            <div class="barslider_rt">
                                <img src="img/bar2.png">
                            </div>
                        </div>
                    </li>
                    <li style="background:#1c4fdb;">
                        <div class="barbox">
                            <div class="barslider_lt" style="padding-top: 148px;">
                                <h2>软件定制开发 让企业更高效的工作</h2>
                                <h3 style="font-size: 28px;line-height: 28px; padding-top: 40px;">打造企业互联网新形象 实现企业数字化运营</h3>
                            </div>
                            <div class="barslider_rt" style="padding-top: 40px;">
                                <img src="img/bar3.png">
                            </div>
                        </div>
                    </li>
                    <li style="background: url(img/ban4.jpg) no-repeat center center /cover;">
                        <div class="barbox">
                            <div class="barslider_lt">
                                <h2>线下实体公司  互联网化运营</h2>
                                <h3>设计类的服务三个工作日看初稿 不满意免费修改</h3>
                                <p>10年资深设计机构，专注中小企业形象设计、UI设计，多年来通过<br/>
                                    我们不断努力已经成功服务了上万家企业，并保持好评率90%以上！
                                </p>
                            </div>
                            <div class="barslider_rt" style="padding-top: 30px;">
                                <img src="img/bar4.png">
                            </div>
                        </div>
                    </li>
                    <li style="background: url(img/ban5.jpg) no-repeat center center /cover;">
                        <div class="barbox">
                            <div class="barslider_lt">
                                <h2>专注成就好品质  用心服务更可靠</h2>
                                <h3>前端服务优势增值：</h3>
                                <p style="padding-top: 6px;">使用前端最新的技术和框架，与时俱进<br/>
                                    前后端分离的方式开发，对接后端效率更高<br/>
                                    注解清晰，命名语义化，保证代码规范
                                    
                                </p>
                            </div>
                            <div class="barslider_rt">
                                <img src="img/bar5.png">
                            </div>
                        </div>
                    </li>
                    <li style="background: url(img/ban6.jpg) no-repeat center center /cover;">
                        <div class="barbox">
                            <div class="barslider_lt">
                                <h2>响应式网站设计 您身边的建站专家</h2>
                                <h3>手机、平板、电脑一站式解决方案</h3>
                                <p>高端脱俗的网页设计，让您的网站在同行中脱颖而出。
                                    <br/> 我们检查原创的设计原则，让你的网站不再撞衫
                                    <br/> 严谨、合理的架构，有利于搜索引擎的收录。
                                </p>
                            </div>
                            <div class="barslider_rt" style="padding-top: 50px;">
                                <img src="img/bar6.png">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="hd">
                <ul>
                    <li>
                        <i></i>
                    </li>
                    <li>
                        <i></i>
                    </li>
                    <li>
                        <i></i>
                    </li>
                    <li>
                        <i></i>
                    </li>
                    <li>
                        <i></i>
                    </li>
                </ul>
            </div>

        </div>
        <!--数字-->
        <div class="index-box-row">
            <div class="container">
                <ul class="index-row">
                    <li>
                        <div class="lis1">
                            <span id="numll1">10000</span>
                            <i>+</i>
                            <p>企业客户的共同选择</p>
                        </div>
                    </li>
                    <li>
                        <div class="lis2">
                            <span id="numll2">60</span>
                            <i>+
                                <small>人</small>
                            </i>
                            <p>40设计+20研发的顶尖团队，美院艺术系毕业，985、211院校研究生</p>
                        </div>
                    </li>
                    <li>
                        <div class="lis3">
                            <span id="numll3">10</span>
                            <i>+
                                <small>年</small>
                            </i>
                            <p>专注UI设计、游戏美术、VI设计
                                <br/>电商设计、网站开发等方向</p>
                        </div>
                    </li>
                    <li>
                        <div class="lis4">
                            <span id="numll4">24</span>
                            <i>x365
                                <small>小时</small>
                            </i>
                            <p>一站式服务，一对一沟通
                                <br/>客服24小时随叫随到</p>
                        </div>
                    </li>
                    <li>
                        <div class="lis5">
                            <span id="numll5">1000</span>
                            <i>+
                                <small>项</small>
                            </i>
                            <p>每年服务项目涵盖不同行业科学
                                <br/>管理保证每个项目的效率与质量</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--end-->
    <!--服务范围-->
    <div class="container">
        <div class="ServiceScope">
            <div class="title">
                <h3>服务范围</h3>
                <p>10年沉淀与积累，创新的服务与设计，助您飞跃发展</p>
            </div>
            <ul class="Serviceul">
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int1"></i>
                            </div>
                            <div class="Sercont">
                                <h3>移动端应用设计</h3>
                                <p>为移动端、基于安卓、iOS等操作
                                    <br/>系统的软件提供界面交互及视觉
                                    <br/>设计整体解决方案。</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int2"></i>
                            </div>
                            <div class="Sercont">
                                <h3>网页设计</h3>
                                <p>合理地进行页面UI设计和标准化
                                    <br/>HTMl制作，基于功能给予用户
                                    <br/>完美的视觉体验。</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int3"></i>
                            </div>
                            <div class="Sercont">
                                <h3>软件界面设计</h3>
                                <p>为基于Windows，MaOS等操
                                    <br/>作系统的软件提供界面交互及视
                                    <br/>觉设计整体解决方案。</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int4"></i>
                            </div>
                            <div class="Sercont">
                                <h3>软件界面设计</h3>
                                <p>提供各种2D游戏原画设计，场
                                    <br/>景设计，道具设计，动态特效等
                                    <br/>设计服务。</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int5"></i>
                            </div>
                            <div class="Sercont">
                                <h3>前端开发</h3>
                                <p>HTML+CSS+JavaScript+JQuery
                                    <br/>+ajax，微信公众号，微信小程
                                    <br/>序，WebApp，Angular.js，
                                    <br/>Vue，React模块化开发。
                                </p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int6"></i>
                            </div>
                            <div class="Sercont">
                                <h3>网页设计</h3>
                                <p>专注软件开发、移动应用开发和
                                    <br/>大型网站建设，旨在全面提升客
                                    <br/>户产品的品质和品牌影响力。</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int7"></i>
                            </div>
                            <div class="Sercont">
                                <h3>软件界面设计</h3>
                                <p>原创LOGO设计、VI/CI设计、
                                    <br/>吉祥物设计、画册设计、
                                    <br/>字体设计。</p>
                            </div>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Serli">
                        <a href="#">
                            <div class="Serimg">
                                <i class="int8"></i>
                            </div>
                            <div class="Sercont">
                                <h3>软件界面设计</h3>
                                <p>电商首页定制化设计，电商详情
                                    <br/>页设计，爆款详情设计。</p>
                            </div>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--end-->
    <!--解决方案-->
    <div class="Solution">
        <div class="Solutioncent">
            <div class="bd">
                <a href="javascript:void(0)" class="prev btn"></a>
                <a href="javascript:void(0)" class="next btn"></a>
                <ul id="Soluul">
                    <li>
                        <div class="Soluimg">
                            <a href="mobilescheme.html">
                                <img src="img/slo1.jpg">
                                <div class="bg"></div>
                                <div class="content">
                                    <div class="item-img-pan">
                                        <img src="img/sloicn1.png" class="item-img">
                                    </div>
                                    <p class="line-pan">
                                        <i class="time-line"></i>
                                    </p>
                                    <h3 class="item-title">移动端解决方案</h3>
                                    <p class="item-decs">解决各行业、品牌移动端企业站，小程序开发、公众号开发、App设计开发等移动端问题</p>
                                    <a class="item-link" href="mobilescheme.html">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="Soluimg">
                            <a href="webpage.html">
                                <img src="img/slo2.jpg">
                                <div class="bg"></div>
                                <div class="content">
                                    <div class="item-img-pan">
                                        <img src="img/sloicn2.png" class="item-img">
                                    </div>
                                    <p class="line-pan">
                                        <i class="time-line"></i>
                                    </p>
                                    <h3 class="item-title">网站、软件解决方案</h3>
                                    <p class="item-decs">拒绝模板 定制属于您的 专属设计，10年以上技术总监带队，5年以上技术骨干参与，为您提供专业贴心服务</p>
                                    <a class="item-link" href="webpage.html">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="Soluimg">
                            <a href="game.html">
                                <img src="img/slo3.jpg">
                                <div class="bg"></div>
                                <div class="content">
                                    <div class="item-img-pan">
                                        <img src="img/sloicn3.png" class="item-img">
                                    </div>
                                    <p class="line-pan">
                                        <i class="time-line"></i>
                                    </p>
                                    <h3 class="item-title">游戏解决方案</h3>
                                    <p class="item-decs">提供游戏UI设计、卡通形象、游戏动效、游戏美术、游戏前端等服务，告别传统美术外包，迎接全新解决方法</p>
                                    <a class="item-link" href="game.html">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="Soluimg">
                            <a href="brand.html">
                                <img src="img/slo4.jpg">
                                <div class="bg"></div>
                                <div class="content">
                                    <div class="item-img-pan">
                                        <img src="img/sloicn4.png" class="item-img">
                                    </div>
                                    <p class="line-pan">
                                        <i class="time-line"></i>
                                    </p>
                                    <h3 class="item-title">品牌策划方案</h3>
                                    <p class="item-decs">为不同发展阶段的客户提供从品牌战略顶层设计到品牌沟通落地执行整体解决方案</p>
                                    <a class="item-link" href="brand.html">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="Soluimg">
                            <a href="shoping.html">
                                <img src="img/slo5.jpg">
                                <div class="bg"></div>
                                <div class="content">
                                    <div class="item-img-pan">
                                        <img src="img/sloicn5.png" class="item-img">
                                    </div>
                                    <p class="line-pan">
                                        <i class="time-line"></i>
                                    </p>
                                    <h3 class="item-title">电商解决方案</h3>
                                    <p class="item-decs">产品拍照、卖点提炼、运营策划、店铺装修、软文撰写、美工包月一站式管家服务全程不操心</p>
                                    <a class="item-link" href="shoping.html">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="Soluimg">
                            <a href="frontend.html">
                                <img src="img/slo6.png">
                                <div class="bg"></div>
                                <div class="content">
                                    <div class="item-img-pan">
                                        <img src="img/sloicn6.png" class="item-img">
                                    </div>
                                    <p class="line-pan">
                                        <i class="time-line"></i>
                                    </p>
                                    <h3 class="item-title">前端解决方案</h3>
                                    <p class="item-decs">从页面交互，动态效果，到PC/手机端自动适配，畅享无忧用户体验</p>
                                    <a class="item-link" href="frontend.html">查看详情</a>
                                </div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!--end-->
    <!--经典案列-->
    <div class="ClassicCaseBg">
        <div class="container">
            <div class="ClassicCase">
                <div class="title">
                    <h3>经典案例</h3>
                    <p>您想要的都在这里，总有一款适合你</p>
                </div>
                <!--案列切换-->
                <div class="Caseslider" id="Caseslider">
                    <div class="hd">
                        <ul>
                            <li class="on">UI设计</li>
                            <li>游戏美术UI</li>
                            <li>前端开发</li>
                            <li>游戏美术UI</li>
                            <li>软件开发</li>
                            <li>VI设计</li>
                            <li>标志设计</li>
                            <li>画册设计</li>
                            <li>网店设计</li>
                        </ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <img src="img/case1.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case2.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case3.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case4.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case5.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <img src="img/case6.jpg">
                                <div class="bg">
                                    <a href="#">
                                        <em></em>
                                        <h3>教育平台</h3>
                                        <span>所属分类：UI设计/网页设计</span>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--人物关系切换-->
                <div class="peoplecont">
                    <div class="people-lt">
                        <h1>高品质设计服务 线下实体设计公司
                            <br/>线上的价格标准 设计互联网化运营</h1>
                        <h2>三个工作日看初稿 不满意免费修改</h2>
                        <p>10年资深设计机构，专注中小企业形象设计、UI设计，多年来通过我们不断努力已经成功服务了上万家企业，并保持好评率90%以上！</p>
                        <a href="#">定制解决方案，点击查看</a>
                    </div>
                    <div class="people-rt">
                        <div class="peoplebox">
                            <div class="status-1 activePeo">
                                <div class="people-game1 game">
                                    <i></i>
                                </div>
                                <div class="people-game2 game">
                                    <i></i>
                                </div>
                                <div class="people-game3 game">
                                    <i></i>
                                </div>
                                <div class="people-game1-shape shape"></div>
                                <div class="people-game2-shape shape"></div>
                                <div class="people-game3-shape shape"></div>
                                <div class="people-game1-line line">
                                    <i></i>
                                </div>
                                <div class="people-game2-line line">
                                    <i></i>
                                </div>
                                <div class="people-game3-line line">
                                    <i></i>
                                </div>
                            </div>
                            <div class="status-2">
                                <div class="people-news1 news people">
                                    <i></i>
                                </div>
                                <div class="people-news2 news people">
                                    <i></i>
                                </div>
                                <div class="people-news3 news people">
                                    <i></i>
                                </div>
                                <div class="people-news1-shadow shape"></div>
                                <div class="people-news2-shadow shape"></div>
                                <div class="people-news3-shadow shape"></div>
                                <div class="people-news1-line line">
                                    <i></i>
                                </div>
                                <div class="people-news2-line line">
                                    <i></i>
                                </div>
                                <div class="people-news3-line line">
                                    <i></i>
                                </div>
                            </div>
                            <div class="status-3">
                                <div class="people-science1 science people">
                                    <i></i>
                                </div>
                                <div class="people-science2 science people">
                                    <i></i>
                                </div>
                                <div class="people-science3 science people">
                                    <i></i>
                                </div>
                                <div class="people-science1-shape shape"></div>
                                <div class="people-science2-shape shape"></div>
                                <div class="people-science3-shape shape"></div>
                                <div class="people-science1-line line">
                                    <i></i>
                                </div>
                                <div class="people-science2-line line">
                                    <i></i>
                                </div>
                                <div class="people-science3-line line">
                                    <i></i>
                                </div>
                            </div>
                        </div>
                        <div class="people-table">
                            <div class="hd">
                                <ul>
                                    <li class="on">电商领域
                                        <span></span>
                                    </li>
                                    <li>品牌建设
                                        <span></span>
                                    </li>
                                    <li>科技生活</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end-->
    <!--坚持梦想-->
    <div class="index-cont-bg" style="background:url(img/index2.jpg)no-repeat center center / cover">
        <div class="container">
            <h3>只有坚持梦想 我们才能做的更好</h3>
            <h2>我们依旧坚持着、努力着，奋斗着</h2>
            <div class="index-cont-row">
                <div class="row-li">
                    <div class="rowimg">
                        <img src="img/row1.jpg">
                    </div>
                    <p>倾心服务</p>
                </div>
                <div class="row-li">
                    <div class="rowimg">
                        <img src="img/row2.jpg">
                    </div>
                    <p>专业团队</p>
                </div>
                <div class="row-li">
                    <div class="rowimg">
                        <img src="img/row3.jpg">
                    </div>
                    <p>10年经验</p>
                </div>
                <div class="row-li">
                    <div class="rowimg">
                        <img src="img/row4.jpg">
                    </div>
                    <p>质量保证</p>
                </div>
            </div>
        </div>
    </div>
    <!--end-->
    <!--尾部版权-->
    <div class="footer">
        <div class="container">
            <div class="fotrimg">
                <img src="img/foter1g.png">
            </div>
            <div class="foter-nav">
                <a href="index.html" class="home">HOME</a>
                <a href="case.html">案例</a>
                <a href="service.html">服务</a>
                <a href="about.html">关于</a>
                <a href="contus.html">联系</a>
            </div>
            <div class="foter-row-lt1">
                <div class="foter-cont">
                    <h3>和我们一起工作</h3>
                    <p>这个行业贩卖的是头脑与技术
                        <br/>所以如果你有来</p>
                </div>
            </div>
            <div class="foter-row-lt2">
                <div class="foter-cont">
                    <h3>联系我们</h3>
                    <p>地址：山东省青岛市市北区重庆南路99号海尔云街甲1栋1205</p>
                    <p>邮箱：meilun@126.com</p>
                    <p>电话：0532-5642113</p>
                </div>
            </div>
            <div class="foter-row-center">
                <div class="foter-cont">
                    <h3>关于我们</h3>
                    <p>美仑传媒科技服务平台</p>
                    <div class="code">
                        <img src="img/ewm.jpg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--end-->

    <!-- 悬浮导航 -->
    <div class="sliderbar">
        <ul>
            <li class="QQ" title="QQ在线咨询">
                <i>
                    <img src='img/sbar1.png'>
                </i>
                <div class="sbarhide">
                    <a href="#">QQ在线咨询</a>
                </div>
            </li>
            <li class="price" title="获取报价方案">
                <i>
                    <img src='img/sbar2.png'>
                </i>
                <div class="sbarhide">
                    <a href="javascript:void(0)" class="priceclick">获取报价/方案</a>
                </div>
                <div class="offer">
                    <div class="close">
                        <img src='img/close.png'>
                    </div>
                    <h2>我们联系您</h2>
                    <form method="POST">
                        <div class="offer-inpt">
                            <input type="text" placeholder="输入手机号">
                        </div>
                        <div class="offer-inpt">
                            <input type="text" class="code" placeholder="验证码">
                            <img src='img/codema.jpg' class="ramodecode">
                        </div>
                        <div class="offer-inpt">
                            <button type="button" class="btn">提 交</button>
                        </div>
                    </form>
                </div>
            </li>
            <li class="phone" title="联系方式">
                <i>
                    <img src='img/sbar3.png'>
                </i>
                <div class="sbarhide">
                    <a href="javascript:void(0)">0532-85648610</a>
                </div>
            </li>
            <li class="gotop" onclick="gotoTop()" title="返回顶部">
                <i>
                    <img src='img/sbar4.png'>
                </i>
            </li>
        </ul>
    </div>
    <!--js-->
    <script src='js/nav.js'></script>
    <script src="js/index.js"></script>
</body>

</html>